@import "Main";
@import "common";
.HkfsMyAccountContainer {
  background-color: #f6f6f6;
  .HkfsMyAccountContent {
    width:@mainWidth;
    margin:auto;
    .myAccountLeftTab{
      padding-top: 20px;
      .header{
        width:220px;
        padding:50px 0 10px 0;
        .headImg{
          width:110px;
          height:110px;
          .border-radius(110px);
          margin:auto;
          overflow: hidden;
          img{
            width:110px;
            height:110px;
          }
        }

        .headerText{
          text-align: center;
          height:50px;
          line-height: 50px;
          font-size: 16px;
          color:#333333;
        }
      }

      .footer {
        width:220px;
        padding-top: 30px;
        .footerImg {
          img {
            width: 140px;
            height: 140px;
            margin: auto;
            display:block;
          }
        }
        .FooterTipss{
          padding: 10px 0;
          text-align: center;
        }
      }

      .CommonTitle{
        color:#40a9dd;
        font-size: 24px;
        padding-left: 30px;
        height: 70px;
        line-height: 70px;
        border-bottom: solid 1px #cccccc;
      }

      .developingDiv{
        position:relative;
        min-height: 690px;
        .developingImg{
          width:240px;
          height:240px;
          .absoluteCenter(240px);
        }
        &>div{
          position: absolute;
          bottom: 100px;
          width: 100%;
          font-size: 40px;
          color: #cccccc;
          text-align: center;
        }
      }

      .SecurityContainer{
        .SecurityContent{
          padding: 0 30px;
          font-size: 16px;
          .SecurityItem{
            height:70px;
            line-height: 70px;
            border-bottom: dashed 1px #cccccc;
            img,span,a{
              vertical-align: middle;
            }
            .icon{
              margin-left: 12px;
            }
            .ContentTitle{
              margin-left: 20px;
            }
            .ContentSeted,.ContentUnSeted{
              margin-left: 200px;
            }

            .ContentUnSeted{
              color:@mainColor;
            }
            a{
              margin-left: 400px;
            }
          }
        }
      }

      .FeedBackContainer{
        .FeedBackPartTitle{
          padding-left: 30px;
          img,span{
            vertical-align: middle;
          }
          span{
            font-size: 20px;
            height:70px;
            line-height: 70px;
            margin-left: 20px;
            color: #40a9dd;
          }
        }
        .FeedBackMessage{
          margin-left: 170px;
          &>div{
            height:50px;
          }

          span{
            display: inline-block;
            width:65px;
            text-align: right;
            color:#666666;
          }
          input,textarea{
            margin-left: 30px;
          }
          input{
            height:30px;
            width:250px;
            .border-radius(3px);
            border: solid 1px #cccccc;
            padding-left: 10px;
          }
          .FeedBackDetail{
            height:250px;
            span{
              vertical-align: top;
            }
            textarea{
              width:400px;
              height:210px;
              .border-radius(3px);
              border: solid 1px #cccccc;
              max-width: 580px;
              max-height: 230px;
              padding:10px;
            }
          }
          .FeedBackSubmit{
            .SubmitButton{
              margin-left: 95px;
              width: 250px;
              height: 50px;
              font-size: 18px;
            }
          }
        }
        .FeedBackWeixin{
          margin-left: 170px;
          .FeedBackTips{
            height:60px;
            line-height: 60px;
            color:#666666;
          }
        }
      }
    }
  }
}